import type { App } from "vue";

const PageHeader = import("./normal/pageHeader/index.vue");
const DetailPageHeader = import("./normal/detailPageHeader/index.vue");
const BasicModal = import("./normal/basicModal/index.vue");
const FilterModal = import("./normal/filterModal/index.vue");
const BasicPagination = import("./normal/basicPagination/index.vue");
export const setupGlobalComponents = (app: App) => {
  const globalComponent = {
    install(app: App) {
      app.component("page-header", PageHeader);
      app.component("detail-page-header", DetailPageHeader);
      app.component("basic-modal", BasicModal);
      app.component("filter-modal", FilterModal);
      app.component("basic-pagination", BasicPagination);
    },
  };

  app.use(globalComponent);
};
